<template>
    <transition name="slide-right">
        <div v-on:swiperight="" class="content">
            <div class="message-list-title immerse-margin">
                <span class="title-left mui-icon mui-icon-back" @click="backRoute()"></span>
                <span>消息中心</span>
                <span class="title-right"></span>
            </div>
            <div class="content-nav">
                <div :class="tab=='transfer-message'?'active-black':''" @click="tab='transfer-message'">转账通知</div>
                <div :class="tab=='system-message'?'active-black':''" @click="tab='system-message'">系统消息</div>
            </div>
            <div v-show="tab=='transfer-message'">
                <div class="content-message">
                    <!--<div class="content-list">-->
                    <!--<div class="list-img"><img src="@/assets/img/gou.png" alt=""></div>-->
                    <!--<div class="list-transfer">-->
                    <!--<div>ETH:0.01 转账成功</div>-->
                    <!--<div>收账地址：0x5fd5f759...5e3b1cd417</div>-->
                    <!--</div>-->
                    <!--<div class="list-time">12-04 09:53</div>-->
                    <!--</div>-->
                    <div class="none-message">
                        <div class="message-img"><img src="@/assets/img/3.png" alt=""></div>
                        <div class="message-title">暂无通知</div>
                    </div>
                </div>
            </div>
            <div v-show="tab=='system-message'">
                <div class="content-message">
                    <!--<div class="content-list">-->
                    <!--<div class="list-img"><img src="@/assets/img/gou.png" alt=""></div>-->
                    <!--<div class="list-transfer">-->
                    <!--<div>ETH:0.01 转账成功</div>-->
                    <!--<div>收账地址：0x5fd5f759...5e3b1cd417</div>-->
                    <!--</div>-->
                    <!--<div class="list-time">12-04 09:53</div>-->
                    <!--</div>-->
                    <div class="none-message">
                        <div class="message-img"><img src="@/assets/img/3.png" alt=""></div>
                        <div class="message-title">暂无通知</div>
                    </div>
                </div>
            </div>
        </div>
    </transition>
</template>
<script>
    /* eslint-disable */

    export default {
        name: "my_msg_list",
        mounted() {
        },
        data() {
            return {
                tab:"transfer-message"
            }
        },
        methods: {}
    }
</script>
<style scoped>
    @import '../../../assets/css/messageList.css';
</style>
